<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test GetDir() for elements</title>
    <script type="text/javascript">
function fill() {
    div0.dir = "";
    div1.dir = "ltr";
    div2.dir = "rtl";
    div3.dir = "auto";
    div4.dir = "foopy";

    for (var i = 0; ; ++i) {
	div = document.getElementById("div" + i);
	if (!div) break;
	span = document.getElementById("span" + i);
	span.innerHTML = div.dir;
    }
}
    </script>
  </head>
  <body onLoad="fill()">
    <div id="div0">dir="", getDir returns "<span id="span0"></span>"</div>
    <div id="div1">dir="ltr", getDir returns "<span id="span1"></span>"</div>
    <div id="div2">dir="rtl", getDir returns "<span id="span2"></span>"</div>
    <div id="div3">dir="auto", getDir returns "<span id="span3"></span>"</div>
    <div id="div4">dir="foopy", getDir returns "<span id="span4"></span>"</div>
    <div id="div5">no dir attribute, getDir returns "<span id="span5"></span>"</div>
  </body>
</html>
